<?php
/**
 * Created by PhpStorm.
 * Author: QinShuai
 * Email: qinshuai0423@qq.com
 * Date: 2021/6/11
 */


/* @var $this yii\web\View */

$this->title = '通用后台管理';
?>
<div class="index">
    <el-row :gutter="20" type="flex" justify="center">
        <el-col :span="5">
            <el-card class="box-card" style="height: 110px">
                <div class="box">
                    <i class="el-icon-bell"></i>
                </div>
                <div class="box">
                    <span class="box-text box-item" style="">Revenue</span>
                    <span class="box-text">$129k</span>
                </div>
            </el-card>
        </el-col>
        <el-col :span="5">
            <el-card class="box-card" style="height: 110px">
                <div class="box">
                    <i class="el-icon-shopping-cart-1"></i>
                </div>
                <div class="box">
                    <span class="box-text box-item" style="">Revenue</span>
                    <span class="box-text">$129k</span>
                </div>
            </el-card>
        </el-col>
        <el-col :span="5">
            <el-card class="box-card" style="height: 110px">
                <div class="box">
                    <i class="el-icon-copy-document"></i>
                </div>
                <div class="box">
                    <span class="box-text box-item" style="">Revenue</span>
                    <span class="box-text">$129k</span>
                </div>
            </el-card>
        </el-col>
        <el-col :span="5">
            <el-card class="box-card" style="height: 110px">
                <div class="box">
                    <i class="el-icon-set-up"></i>
                </div>
                <div class="box">
                    <span class="box-text box-item" style="">Revenue</span>
                    <span class="box-text">$129k</span>
                </div>
            </el-card>
        </el-col>
        <el-col :span="5">
            <el-card class="box-card" style="height: 110px">
                <div class="box">
                    <i class="el-icon-monitor"></i>
                </div>
                <div class="box">
                    <span class="box-text box-item" style="">Revenue</span>
                    <span class="box-text">$129k</span>
                </div>
            </el-card>
        </el-col>
    </el-row>
</div>
<?php $this->beginBlock('js'); ?>
<script>
    App = {
        data:{
            searchData:{
                username:'',
                times: [new Date(2021, 10, 10, 10, 10), new Date(2021, 10, 11, 10, 10)],
            },
            multipleSelection: []
        },
        methods: {
            handleSelectionChange(val) {
                this.multipleSelection = val;
            },
            handleEdit(index, row) {
                console.log(index, row);
            },
            handleDelete(index, row) {
                console.log(index, row);
            },
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
            }
        }
    }
</script>
<?php $this->endBlock(); ?>
